<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <style>
        /* div{
            background-color: red;
            width: 50px;
            height: 100px;
        } */
        <div>
            <label>复选框</label> 
            <input  type="checkbox">西瓜
            <input  type="checkbox">苹果
        </div>
         
    </style>   -->
<!-- 3 外部引用 -->
 <link rel="stylesheet" href="./css/07.css">
</head>
<body>
    <!-- 容器标签默认情况下 高度都是0
     1.主动设置高度
     2.放一些 字内容 撑开高度 
     3. 长度单位 
        1. px 像素
        -->
        <!-- 1 行内  学习用-->
    <!-- <div style="background-color: red;height: 100px;width: 50px;"></div> -->
<!-- 2 内部样式 小项目 -->
 <div>1</div>


</body>
</html>